.m-table {

    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
    table-layout: fixed;

    tr {
        border-bottom: 1px #f0f0f0 solid;
        height: 36px;

        th,
        td {
            padding-left: 6px;
            text-align: left;
            vertical-align: middle;

            .m-btn {
                height: 24px;
                min-width: 50px;
                font-size: 12px;
            }

            .m-input {
                height: 24px;
                font-size: 10px;
            }
        }

        &:hover {
            background-color: lightgrey;
        }
    }

    tbody tr:nth-child(odd) {
        background-color: rgba(240, 240, 240, 0.5);
    }
}


.fix_after {
    position: absolute;
    width: 100px;
    height: 80px;
    background-color: lightgreen;
    display: none;
}

.drop
{
    position: relative;
}

.drop:hover {
    .fix_after {
        display: flex;
        top:22px;
        left:0;
        z-index: 100;
    }
}